<template>
	<view>
		<my-title @gotoBack="gotoBack" :title="title" :height="height">
			<template v-slot:right>
				<view class="right-num">
					<text :style="{color:allUserNum == 0 ? '#F88CAE' : '#F8265F'}"
						@click="removeUser">确定移除</text>
				</view>
			</template>
		</my-title>

	</view>
</template>

<script>
	import myTitle from '@/components/common/my-title-back/my-title-back.vue'

	export default {
		props: {
			userNum: {
				type: Number,
				default: 0
			}
		},
		components: {
			myTitle
		},
		data() {
			return {
				title: '移除成员',
				height: '45',
				allUserNum: 0

			}
		},
		methods: {
			removeUser() {
				this.$emit('removeUser')
			},
			gotoBack() {
				uni.navigateBack(1)
			},
			changeUserNum(num) {
				//console.log(num)
				this.allUserNum = num
			}
		}
	}
</script>

<style lang="scss" scoped>
	.right-num {
		text-align: center;
		line-height: 45px;
	}
</style>